﻿@charset "utf-8";

.l{float:left}
.gy2{width:1440px;margin:0 auto;overflow:hidden}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#ffffff;color:#2f3239;overflow:hidden;font-size:12px;border: 1px solid #eeefea;}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: rgb(255, 255, 255); height: 86px;border-bottom: 1px solid #8888882b;padding-bottom:15px;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{width:510px;float:left;padding-top:6px}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float:right}
.nav li{position:relative}
.nav li.m{width:86px;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;/*background:url(../images/top_bg1.png) right 46px no-repeat*/}
.nav .m.on a.mmm{color:#003399}
.nav a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:18px;color:#333}
/*二级导航*/
.nav .sub{
	background:url(../images/top_01.jpg);
	display:none;width:100%;padding:0;position:fixed;
	top:124px;overflow:hidden;text-align:left;
	z-index:110;left:0;background-color:#f5f5f5;
}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto;height:235px;}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:20px;padding-bottom:20px}
.nav .sub .nav_xiao .xiao_one ul li{/*float:left;*/display:inline;height:15px;width:100%;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;/*border-right:1px solid #e6e6e6;line-height:56px;*/overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0;}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#003399;}


/*二级导航-产品服务*/
.nav .sub .nav_xiao .xiao_six{width:1200px;padding-left: 300px;margin:0 auto;overflow:hidden;height:215px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6;padding-top:20px;}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:215px;width:45.2%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{/*border-right:1px solid #e6e6e6;*/}


/*.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}*/
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:100%;/*max-width:360px;*/height:218px;overflow:hidden;text-align:left}
/*.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}*/
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{width:185px;float:left;height:160px;padding:5px;border:1px solid #e6e6e6;margin-bottom:23px;}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_r{width:285px;float:left;padding-left:25px;padding-top:20px;letter-spacing:2px;}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#003399;}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}
/*.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#f67524}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}*/
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}
/*轮播图*/
.fuSlide{width:100%;height:740px;position:relative;z-index:1;margin-top:144px;}
.fuSlide .imgs{width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s;}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s;}
/*轮播图内容区域*/
.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:6%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;font-family:"华文细黑";}
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid #677794;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;}
.banner_con .f90{ font-size:90px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}
.banner2_one{ float:right; width:45%; color:#fff;}
.banner2_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:35%;opacity:0;filter:Alpha(opacity=0);}
.banner2_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url(../images/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;}
.banner4_one{ float:left; width:60%; color:#000;}
.banner4_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:15%;opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#000;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; /*background:url(../images/i_bg10.png)  138px center no-repeat;*/ font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;}
/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;width:1440px;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}
/*.index-back-box.active{background:url(../images/i_banner_bg.png) left bottom repeat-x}*/
/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(../images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}
/*中间鼠标图标*/
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;height:316px;margin:0 auto;margin-bottom:32px}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.i_service_t p{font-size:18px}
.advantage{text-align:center;overflow:hidden}
.num_box{width:20%;float:left;height:124px;background:url(../images/i_one_bg1.png) right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#f67524;font-family:"华文细黑";font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:400;line-height:30px}



/*yx_rotaion*/
.yx-rotaion{margin:0 auto; /*margin-top: 20px;*/ width: 637px; height: 474px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; text-decoration: none;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}


/* demo */
#demo{width:730px;height:319px;border:1px solid #CCC;margin:20px auto;overflow:hidden;}
#demo li{float:left;position:relative;width:60px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;}
#demo li div{position:absolute;width:100%;height:50px;line-height:50px;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;bottom:0;left:0;display:none;text-align:center;}
#demo li div a{color:#FFF;text-decoration:none;}
#demo li div a:hover{color:#F00;text-decoration:none;}
#demo li:first-child{width:490px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#demo li:first-child div{display:block;}



/*****PC分页样式开始*****/
.pagination{
	text-align: center;
	width: 100%;
	clear: both;
	padding: 50px 0;
}
.pagination li{
	display: inline-block;
	line-height: 30px;	
	margin: 0 5px;	
}
.pagination li a,.pagination li span{
	display: block;
	border: #DDD solid 1px;
	padding: 0 8px;
	color: #666;
}
.pagination li a,.pagination li span{
	color: #999;
}
.pagination li a:hover{
	border:#ff0202 solid 1px;
	background: #ff0202;
	color: #FFF;
}
.pagination li.active span{
	border:#ff0202 solid 1px;
	background: #ff0202;
	color: #FFF;
}
/*****PC分页样式结束*****/



.infos {
    text-align: center;
    padding-bottom: 15px;
    font-size: 14px;
    color: #888;	
    border-bottom: 1px solid #8888888c;
}
.infos span {
    display: inline-block;
    margin: 0 10px;
}


.WrapCenter {
    margin: 0 auto;
    width: 1300px;height: 600px;
}

.prodectThum {position:relative; float: left; width:800px;height:540px;overflow:hidden; margin-top: 30px;}
.prodectThum .bd {position:absolute;left:0;top:0;width:800px;height:408px;overflow:hidden; background-color: #FFF;}
.prodectThum .bd img {max-width:600px;height:370px;padding-left: 100px;}

.prodectThum .hd {position:relative;height:127px;top:418px;}
.prodectThum .hd ul {text-align:center;}
.prodectThum .hd li {position:relative;float:left;display:inline;width:198px;height:122px;margin-left:2px;overflow:hidden; line-height:12px;  background:#FFF;}
.prodectThum .hd li:first-child{margin-left:0;}
.prodectThum .hd a {display:block;width:198px;height:122px;}
.prodectThum .hd img {width:198px;height:122px; margin-bottom:5px;}
.prodectThum .hoverBg {position:absolute; top:-5px;width:198px;height:127px; background:url(../images/yule_sp.png) no-repeat; cursor:pointer;z-index:2;}


.detail{
	width: 460px;
	height: 540px;
	background-color: #FFF;
	float: left;
	margin-left: 2px;
	margin-top: 30px;
}
.detail h3{
	height: 68px;
	line-height: 68px;
	font-size: 22px;
	text-align: center;
	border-bottom: 1px #d5d5d5 solid;
}

.detail h3{
	height: 69px;
	line-height: 68px;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #d5d5d5 solid;
}
.detail .model{
	height: 68px;
	line-height: 68px;
	border-bottom: 1px #d5d5d5 solid;
}
.detail .model dl{
	text-align: center;
}
.detail .model dt{
	float: left;
	margin-left: 30px;
	font-size: 18px;
	font-weight: bold;
}
.detail .model dd{
	float: left;
	margin-left: 20px;
	font-size: 16px;
}
.detail .buy{
	text-align: center;
	padding-top: 30px;
}
.detail .buy a{
	display: inline-block;
	width: 240px;
	height: 60px;
	line-height: 60px;
	background-color: #d88707;
	border: 1px solid #d88707;
	color: #FFF;
	font-size: 18px;
	clear: both;
}

.detail .buyTell{
	width: 100%;
	text-align: center;
	padding-top: 20px;
	color: #111678;
	
}

.detail .weixin{
	padding-top: 20px;
	text-align: center;
}

.detail .serve{
	margin-top: 36px;
	text-align: center;
	padding-left: 22px;
}
.detail .serve .serve_icon{
	float: left;
	width: 60px;
	height: 50px;
	text-align: center;
	margin-left: 20px;
}
.detail .serve i{
	font-size: 36px;
	color: #717171;
}
.detail .serve p{
	font-size: 12px;
	color: #717171;
}




/* 联系我们 */

.contact_module{
	margin-top: 30px;
	width: 1015px;
	height: 340px;
	background-color: #FFF;
	text-align: center;
}
.contact_module h3{
	padding: 20px 20px;
	background-color: #2e93c9;
	color: #FFF;
	font-size: 24px;
}

.contact_module p{
	padding: 30px 20px 20px 60px;
	font-size: 18px;
	line-height: 32px;
	text-align: left;

}

.contact_module_wx{
	margin-top: 30px;
	width: 340px;
	height: 340px;
	margin-left: 15px;
	background-color: #FFF;
}
.contact_module_wx h3{
	padding: 20px 20px;
	background-color: #2e93c9;
	color: #FFF;
	font-size: 24px;

}
.contact_module_wx img{
	width: 90%;
	padding: 5%;
}

.map{
	float: left;
	width: 100%;
	height: 800px;
	background-color: #FFF;padding-top: 20px;
}